<template>
  <div>
    <el-breadcrumb separator="/">
      <template v-for="menu in breadcrumbs" :key="menu.name">
        <el-breadcrumb-item :to="menu.path">{{ menu.name }}</el-breadcrumb-item>
        <!-- <span>{{ menu.name + '_' + menu.path }}</span> -->
      </template>
    </el-breadcrumb>
  </div>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue';
import type { IBreadcrumb } from './breadcrumb';

export default defineComponent({
  props: {
    breadcrumbs: {
      type: Array as PropType<IBreadcrumb[]>,
      default: () => [],
    },
  },
  setup() {
    return {};
  },
});
</script>

<style scoped></style>
